// 创建图片找不到路径的替换自定义指令//名字不带v-，使用的时候带v-然后去全局注册
export const imgerror = {
  // 这是  // 指令对象 会在当前的dom元素插入到节点之后执行

  inserted(dom,options){
    // 如果图片地址付的空值那么防止控值的情况
    dom.src = dom.src||options.value
        // options是 指令中的变量的解释  其中有一个属性叫做 value
    // dom 表示当前指令作用的dom对象
    // 当图片有地址 但是地址没有加载成功的时候 会报错 会触发图片的一个事件 => onerror是图片特有的错误对象
    dom.onerror = function(){
      // 当图片出现异常的时候 会将指令配置的默认图片设置为该图片的内容
      // dom可以注册error事件
      dom.src = options.value 
      //options.value就是使用指令时 ,传递进来的值
    }
  },
  // 因为inserted只会初始化时执行一次所以要捕捉之后防止其他情况
  componentUpdated(dom, options) {
    dom.src = dom.src || options.value
  }
}